<script setup>
import { defineProps } from 'vue';

const props = defineProps({
  text: {
    type: String,
    default: 'Build websites even faster with components on top of Tailwind CSS'
  },
  additionalClasses: {
    type: String,
    default: '' // No additional classes by default
  }
});
</script>

<template>
  <h1 :class="['mb-4 text-4xl font-bold tracking-tight text-gray-900 lg:font-extrabold lg:text-6xl lg:leading-none dark:text-white lg:text-center xl:px-36 lg:mb-7', additionalClasses]">
    {{ text }}
  </h1>
</template>

//改成heading, 并把H1可以改到H5